<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
 <base href="<%=basePath%>">

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>后台管理系统</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery/jQuery-2.2.0.min.js"></script>
    <script src="js/charts/Chart.js"></script>
    <link rel="stylesheet" href="css/pintuer.css">
    <link rel="stylesheet" href="css/admin.css">
	<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/pintuer.js"></script> 
    <script src="js/selectdata.js"></script>
      <script src="js/chartListdata.js"></script>
    <script>
        $(function () {
        	getData();
        });
       
        function Canvas1(labels,datasets) {
            var lineChartData = {
                labels: labels,
                datasets: [
                    {
                        fillColor: "#578ebe",
                        data: datasets
                    }
                ]
            };
            var ctx = document.getElementById("Canvas1").getContext("2d");
            window.myLine = new Chart(ctx).Bar(lineChartData,lineChartData, {
                bezierCurve: false,
             
            });
        }
        function Canvas2(labels,datasets) {
            var lineChartData = {
                labels: labels,
                datasets: [
                    {
                        fillColor: "#578ebe",
                        data: datasets
                    }
                ]
            };
            var ctx = document.getElementById("Canvas2").getContext("2d");
            window.myLine = new Chart(ctx).Bar(lineChartData,lineChartData, {
                bezierCurve: false,
             
            });
        }
        function Canvas3(labels,datasets) {
            var lineChartData = {
                labels: labels,
                datasets: [
                    {
                        fillColor: "#578ebe",
                        data: datasets
                    }
                ]
            };
            var ctx = document.getElementById("Canvas3").getContext("2d");
            window.myLine = new Chart(ctx).Bar(lineChartData,lineChartData, {
                bezierCurve: false,
             
            });
        }
    </script>
</head>
<body>
  <div class="padding border-bottom">
        <ul class="search" style="padding-left:10px;">
      <form   name="form1"  id="searchform"   method="post"   action="<%=path %>/admin/checkin_findCheckInList.action"  >   
 
        <li>请选择：</li>
        <li>
        学院
            <select  id="academySelect"  class="input" onchange="changeselect()" style="width:200px; line-height:17px; display:inline-block">
           <option value="">选择学院</option>
          </select>
          <input type="hidden" id="academyName" name="pageing.academy" />
            &nbsp;&nbsp;
          班级
            <select id="classSelect"  class="input" onchange="changeselect1()" style="width:200px; line-height:17px; display:inline-block">
            <option value="">选择班级</option>
          </select>
          <input type="hidden" id="className" name="pageing.stuClass" />
           &nbsp;&nbsp;
         课程
            <select id="courseSelect"  class="input" onchange="changeselect2()" style="width:200px; line-height:17px; display:inline-block">
            <option value="">选择课程</option>
          </select>
          <input type="hidden" id="courseName" name="pageing.course" />
        </li>
        <if condition="$iscid eq 1">
          <li>
           <a href="javascript:void(0)" class="button border-main icon-search" onclick="chartsearch()"> 搜索</a></li>
          </li>
        </if>
        </form>
      </ul>
    </div>
    <div id="areascontent">
        <div class="rows" style="margin-bottom: 0.8%; overflow: hidden;">
            <div style="float: left; width: 100%;">
                <div style="height: 290px; border: 1px solid #e6e6e6; background-color: #fff;">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-bar-chart fa-lg" style="padding-right: 5px;"></i>学生<label style="color:#578ebe;font-size: 20px;font-weight: bolder;">迟到</label>柱状图(纵坐标：迟到次数)</div>
                        <div class="panel-body">
                            <canvas id="Canvas1" style="height: 230px; width: 100%;"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="rows" style="margin-bottom: 0.8%; overflow: hidden;">
            <div style="float: left; width: 100%;">
                <div style="height: 290px; border: 1px solid #e6e6e6; background-color: #fff;">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-bar-chart fa-lg" style="padding-right: 5px;"></i>学生<label style="color:#578ebe;font-size: 20px;font-weight: bolder;">请假</label>柱状图(纵坐标：请假次数)</div>
                        <div class="panel-body">
                            <canvas id="Canvas2" style="height: 230px; width: 100%;"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="rows" style="margin-bottom: 0.8%; overflow: hidden;">
            <div style="float: left; width: 100%;">
                <div style="height: 290px; border: 1px solid #e6e6e6; background-color: #fff;">
                    <div class="panel panel-default">
                        <div class="panel-heading"><i class="fa fa-bar-chart fa-lg" style="padding-right: 5px;"></i>学生<label style="color:#578ebe;font-size: 20px;font-weight: bolder;">旷课</label>柱状图(纵坐标：旷课次数)</div>
                        <div class="panel-body">
                            <canvas id="Canvas3" style="height: 230px; width: 100%;"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div>

  
    </div>
    <style>
     
        .panel-default {
            border: none;
            border-radius: 0px;
            margin-bottom: 0px;
            box-shadow: none;
            -webkit-box-shadow: none;
        }

            .panel-default > .panel-heading {
                color: #777;
                background-color: #fff;
                border-color: #e6e6e6;
                padding: 10px 10px;
            }

            .panel-default > .panel-body {
                padding: 10px;
                padding-bottom: 0px;
            }

                .panel-default > .panel-body ul {
                    overflow: hidden;
                    padding: 0;
                    margin: 0px;
                    margin-top: -5px;
                }

                    .panel-default > .panel-body ul li {
                        line-height: 27px;
                        list-style-type: none;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                        .panel-default > .panel-body ul li .time {
                            color: #a1a1a1;
                            float: right;
                            padding-right: 5px;
                        }
    </style>
</body>
</html>
  